Как использовать тег <select> для создания выпадающий список в HTML?

Тег <select> в HTML используется для создания выпадающего списка, который появляется при нажатии мышью на элемент формы и позволяет пользователю выбрать один из вариантов. ru.w3docs.com

Базовый синтаксис: thecode.media

1. Контейнер с вариантами для выбора задаётся открывающим тегом <select> и закрывающим тегом </select>. thecode.media ru.w3docs.com
2. Внутри контейнера располагаются теги <option>. thecode.media Каждый из них — это отдельный пункт в списке. thecode.media
3. Текст между тегами <option> — то, что видит пользователь в выпадающем меню. thecode.media

Некоторые возможности использования тега <select>:

• Установка значения по умолчанию. thecode.media labex.io Чтобы при загрузке страницы сразу стояло нужное значение, можно поставить selected на нужный тег <option>. thecode.media
• Создание списка с выбором нескольких значений. guruweba.com Для этого используется атрибут multiple. guruweba.com Количество одновременно выводимых на экран пунктов списка регулируется с помощью атрибута size. guruweba.com
• Группировка пунктов. guruweba.com Для объединения нескольких вариантов в одну группу используется тег <optgroup>. ru.w3docs.com
• Указание неактивного пункта. thecode.media Если нужно показать вариант, который сейчас недоступен для выбора, в нужный тег <option> добавляют атрибут disabled — и браузер сделает этот пункт неактивным. thecode.media

Если необходимо отправлять данные на сервер или обращаться к списку через скрипты, то тег <select> необходимо поместить внутрь формы (тег <form>). ru.w3docs.com